.login-container {
  height: 100vh;
  background: url("~@/assets/img/login/loginBg.png") no-repeat;
  background-size: 100% 100%;
  position: relative;

  .header {
    width: 100%;
    height: 66px;

    //background: rgba(0,8,32,0.51);
    main.container {
      width: 100%;
      height: 66px;
      // 背景图片
      background: url("~@/assets/img/sampleManagement/headerBackground.png") no-repeat;
      background-size: cover;
      padding: 0 15px;
      box-sizing: border-box;

      .title {
        font-family: YouSheBiaoTiHei, serif;
        font-weight: bold;
        font-size: 30px;
        color: white;
        text-shadow: 2px 3px 0 rgba(17, 20, 22, 0.22);
        //-webkit-text-fill-color: transparent;
      }
    }
  }

  .main-container {
    background: url("~@/assets/img/login/loginCard.png") center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 55%;
    margin-top: -170px;
    width: 550px;
    height: 340px;

    .loginTitle {
      text-align: center;
      margin-bottom: 5px;
    }

    .login-form {
      width: 350px;
      height: 200px;

      .el-form-item {
        margin-bottom: 0px;
        margin-top: 20px;
      }
    }

    .form-item__wrap {
      display: flex;
      align-items: center;
      box-sizing: border-box;
      background: url("~@/assets/img/login/input.png") center no-repeat;
      background-size: 100% 100%;

      .svg-container {
        font-size: 24px;
        background: url("~@/assets/img/login/user.png") center no-repeat;
        background-size: 100% 100%;
        width: 20px;
        height: 20px;
        margin-left: 20px;
      }

      .passwordIcon {
        background: url("~@/assets/img/login/password.png") center no-repeat;
        background-size: 100% 100%;
      }

      .commonInput {
        // background-color: rgba($color: #000000, $alpha: 0) !important;
        background-color: transparent !important;
        display: flex;
        align-items: center;
        border-radius: 50px;
        height: 40px;
        margin-left: 10px;

        ::v-deep.el-input__inner {
          border: none;
          background-color: transparent !important;
        }

        ::v-deep.el-input__suffix {
          right: 20px;
        }
      }
    }

    ::v-deep.el-form-item__error {
      left: 70px;
    }

    .formCheck {
      margin: 15px 0px;

      ::v-deep.el-checkbox__label {
        color: #3694ff;
      }
      ::v-deep.el-checkbox__inner {
        background: url("~@/assets/img/login/check.png") center no-repeat;
        background-size: 100% 100%;
        border: none !important;
      }
    }
    .login {
      //background: url("~@/assets/wcgj/dlqt/登录按/钮.png") center no-repeat;
      color: #fff;
      background-size: 100% 100%;
      width: 100%;
      height: 50px;
      font-size: 22px;
      border: 0;
    }
  }
}
